.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}

*{margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
body,html{width: 100%;background: #f2f2f2;}
div{overflow: auto;}



header{
    overflow: auto;
    .px2rem(height,98);
    background: white;
    width: 100%;
    display: flex;
     align-items: center;
    .px2rem(border-bottom,2);
    border-bottom:  solid #d2d2d2;
    
     
  span{
       flex: 1;
  }
  div{
      display: flex;
     align-items: center;
     flex: 5;
     .px2rem(margin-left,20);
  }
  
  input{
      width: 100%;
      .px2rem(height,55);
      border: 0;
      .px2rem(border-top,20);
      border-top:  solid #f3f3f0;
      background: #f3f3f0;
  }
  .qx{
      color: #f23030;
      .px2rem(font-size,30);
      .px2rem(margin-left,20);
  }
}


nav{
    .px2rem(height,150);
    
    .px2rem(border-bottom,1);
    border-bottom:  solid #999999;
    ul{
        .px2rem(margin-left,20);
        li{
            .px2rem(margin-top,10);
            
            .ss{
                background: url(../img/huohua.png) no-repeat left 0;
                .px2rem(padding-left,40);
                .px2rem(font-size,35);
                .px2rem(background-size,35);
                color: #999999;
            }
        }
        .bq{
            display: flex;
            span{
                .px2rem(padding,10);
                .px2rem(border,2);
                border:  solid #999999;
                .px2rem(margin-left,10);
                background: white;
                color: #999999;
            }
        }
    }
}


section{
    background: #f2f2f2;
    .nav{
        div{
            background: white;
            span{
                overflow: auto;
                img{
                   .px2rem(height,80);
                   .px2rem(width,80); 
                }
            }
            .ggc{
            background: url(../img/images/dian_03.png) no-repeat left center;
            .px2rem(font-size,35); 
            .px2rem(padding-left,15);
            .px2rem(margin-left,15);
            }
        }
    }
    
    
    overflow: auto;
    .rm{
        .nav{
            .px2rem(font-size,45);
            background: white;
            span{
                background: url(../img/images/首页（改）-1_03.png) no-repeat left 0;
                .px2rem(background-size,45);
                float: left;
                .px2rem(padding-left,45);
                color: #fd6502;
            }
            a{
                float: right;
                color: #999999;
                background: url(../img/gengduo.png) no-repeat right 0;
                .px2rem(background-size,30);
                .px2rem(padding-right,30);
            }
        }
        .nr{
            display: flex;
            .left{
                flex: 1;
                background: #f5f5f5;
                ul{
                    .cpm{
                        .px2rem(font-size,40);
                    }
                    .xj{
                        .px2rem(font-size,35);
                        color: red;
                    }
                    input{
                        background: red;
                        color: white;
                        border: 0;
                        .px2rem(width,150);
                        .px2rem(height,50);
                    }
                }
                img{
                    .px2rem(width,250);
                    height: auto;
                }
            }
            .right{
                flex: 2;
                .shang{
                    background: white;
                    ul{
                        float: left;
                        .cpm{
                            .px2rem(font-size,40);
                        }
                        .xj{
                            .px2rem(font-size,35);
                             color: red;
                        }
                    }
                    span{
                        float: right;
                        img{
                            .px2rem(width,250);
                            height: auto;
                        }
                    }
                }
                .xia{
                    background: white;
                    
                    .xl{
                        float: left;
                        background: url(../img/juzi.png) no-repeat right 0 bottom 0;
                        ul{
                            .cpm{
                                .px2rem(font-size,40);
                            }
                            .xj{
                                .px2rem(font-size,35);
                                color: red;
                            }
                        }
                    }
                    .xr{
                        float: right;
                        background: url(../img/juzi.png) no-repeat right 0 bottom 0;
                        ul{
                            .cpm{
                                .px2rem(font-size,40);
                            }
                            .xj{
                                .px2rem(font-size,35);
                                color: red;
                            }
                        }
                    }
                }
            }
        }
    }
    
    .xp{
        .px2rem(margin-top,20);
        .nav{
            .px2rem(font-size,45);
            background: white;
            span{
                background: url(../img/images/xp_03.png) no-repeat left 0;
                .px2rem(background-size,45);
                float: left;
                .px2rem(padding-left,45);
                color: #71c311;
            }
            a{
                float: right;
                color: #999999;
                background: url(../img/gengduo.png) no-repeat right 0;
                .px2rem(background-size,30);
                .px2rem(padding-right,30);
            }
        }
        .nr{
            li{
                display: flex;
                div{flex: 1;text-align: center;background: white;}
            }
        }
    }
}